.header {
    display: flex;
    align-items: center;
    justify-content: space-between;

    .left-box {
        display: flex;
        align-items: center;
       
        .logo {
            margin-right: 50px;
            margin-left: -30px;

        }
        li{
            font-size: 18px;
        }

    }

    .right-box {
        display: flex;
        align-items: center;

        .ant-dropdown-link {
            color: white;
            margin-left: 20px;
            font-size: 16px;
        }
     
        .icon {
            color: white;
            font-size: 20px;
        }

        li {

            color: white;

        }

        .nav-icon {
            color: white;
            font-size: 19px;
            font-weight: 900;
        }
    }

}

.fade {
    li,span{
        font-size: 16px!important;
    }
    .bottomBox {
        width: 80%;
        margin: 0 auto;
        text-align: center;
        border-radius: 10px;
        border: none;

        .info {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }
    }
}

#components-layout-demo-top-side-2 .logo {
    width: 120px;
    height: 31px;
    background: rgba(255, 255, 255, 0.2);
    margin: 16px 28px 16px 0;
    float: left;
}

.site-layout-background {
    background: #fff;
}
.headerStyle{
    background-color: red;
}
.cardBox{
    display: flex;
   
    justify-content: center;
}
.list_icon{
    margin-right: 10px;
}
